<%@ include file="common/taglibs.jsp"%>
<%@ page language="java" errorPage="/error.jsp" pageEncoding="UTF-8" contentType="text/html;charset=utf-8" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>大美摄影</title>
<LINK rel=stylesheet type=text/css href="${apache}css/lrtk.css">
<link rel="stylesheet" type="text/css" href="${apache}css/style.css"
	media="screen" />
<link rel="stylesheet" type="text/css" href="${apache}css/damei.css" />
<script src="${apache}jquery/development-bundle/jquery-1.9.0.js"></script>
<script src="${apache}jquery/development-bundle/ui/jquery.ui.core.js"></script>
<script src="${apache}jquery/development-bundle/ui/jquery.ui.widget.js"></script>
<script src="${apache}jquery/development-bundle/ui/jquery.ui.tabs.js"></script>
<script src="${apache}jquery/lrscroll.js"></script>
<script src="${apache}jquery/ImagePreviewer.js"></script>
<script src="${apache}jquery/damei.js"></script>
<script src="${apache}jquery.capSlide.js" type="text/javascript"></script>
</head>

<body>
	<DIV id=featureContainer>
		<DIV id=feature>
			<DIV id=block>
				<DIV id=botton-scroll>
					<UL class=featureUL>
						 <s:iterator value="recommendations" status="rowstatus">
						<LI class=featureBox>
							<DIV class=box>
								<div>
									<div id="capslide_img_cont<s:if test='!#rowstatus.first'><s:property value='#rowstatus.count'/></s:if>" class="ic_container">
										<img src="<s:property value="descPicPath"/>" width="240" height="150"
											alt="" />
										<div class="overlay" style="display: none;"></div>
										<div class="ic_caption">
											<p class="ic_category"><s:property value="category"/></p>
											<h3><s:property value="title"/></h3>
											<p class="ic_text">
												<s:property value="description"/>
											</p>
										</div>
									</div>
								</div>
							</DIV> <!-- /box -->
						</LI>
						</s:iterator>
					</UL>
				</DIV>
				<!-- /botton-scroll -->
			</DIV>
			<!-- /block -->
			<A class=prev href="javascript:void();">Previous</A><A class=next
				href="javascript:void();">Next</A>
		</DIV>
		<!-- /feature -->
	</DIV>
	<!-- /featureContainer -->
	<DIV id=wrap>
		<SPAN id=load>LOADING...</SPAN>
	</DIV>
	<!-- /wrap -->

	<script type="text/javascript">
		$(function() {
			$("#botton-scroll").jCarouselLite({
				btnNext : ".next",
				btnPrev : ".prev"
			});
		});

		$(function() {
			$('#top-menu li').hover(function() {
				$('ul', this).slideDown(200);
			}, function() {
				$('ul', this).slideUp(200);
			});
		});

		$(function() {
			$(".click").click(function() {
				$("#panel").slideToggle("slow");
				$(this).toggleClass("active");
				return false;
			});
		});

		$(function() {
			$('.fade').hover(function() {
				$(this).fadeTo("slow", 0.5);
			}, function() {
				$(this).fadeTo("slow", 5);
			});
		});
	</script>

</body>
</html>
